<template>
  <div>
    <el-dialog
      title="订单列表"
      :visible.sync="data.show"
      width="1000px">
      <el-table
      :data="data.list"
      style="width: 100%"
      max-height="600px">
      <el-table-column
        prop="outTradeNo"
        label="支付号"
        min-width="180"
        align="center">
        <template slot-scope="scope">
          <span v-if="scope.row.outTradeNo">{{ scope.row.outTradeNo }}</span>
          <span v-else>--</span>
        </template>
      </el-table-column>
      <el-table-column
        prop="uuid"
        label="订单号"
        min-width="180"
        align="center">
      </el-table-column>
      <el-table-column
        prop="name"
        label="套系名称"
        min-width="180"
        align="center"
        show-overflow-tooltip>
      </el-table-column>
      <el-table-column
        prop="price"
        label="价格"
        min-width="100"
        align="center">
        <template slot-scope="scope">
          <span>{{ scope.row.price / 100 }}</span>
        </template>
      </el-table-column>
      <el-table-column
        prop="payPrice"
        label="支付"
        min-width="100"
        align="center">
        <template slot-scope="scope">
          <span>{{ scope.row.payPrice / 100 }}</span>
        </template>
      </el-table-column>
      <el-table-column
        prop="payPrice"
        label="创建时间"
        min-width="140"
        align="center">
        <template slot-scope="{ row }">
          <span v-if="row.createDate">{{ parseTime(row.createDate) }}</span>
          <span v-else>--</span>
        </template>
      </el-table-column>
    </el-table>
    </el-dialog>
  </div>
</template>

<script>
  export default {
    props: {
      data: {
        type: Object,
        default() {
          return {
            show: false,
            list: []
          }
        }
      }
    }
  }
</script>

<style lang="sass" scoped>

</style>